<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">* { margin: 0; padding: 0; }
body { font: 12px/22px "Microsoft YaHei","微软雅黑", Arial, Helvetica, sans-serif, "宋体"; color: #444; min-width: 1200px; margin: 0 auto; }
h1,h2,h3,h4,h5,h6 { font-size: 14px; }
ul,ol { list-style: none; }
input,select,textarea { font-size: 14px; font-family: "Microsoft YaHei","微软雅黑", Arial, Helvetica, sans-serif, "宋体"; color: #555; }
em,i,address { font-style: normal; }
strong { color: #000; }
a img { border: 0; }
a { color: #444; text-decoration: none; }
a:hover { color: #f60; }
.fl { float: left; }
.fr { float: right; }
.tc { text-align: center; }
.tr { text-align: right; }
.none { display: none; }

hgroup { width: 1180px; margin: 0 auto; }

.ui-tips { background: #f30; padding: 20px 0; text-align: center; color:#fff; }
.ui-tips a { text-decoration: underline; color:#fff; margin: 0 5px; }


#tbar { height: 32px; line-height:32px; background:#f3f3f3; border-bottom:#eee 1px solid; overflow: hidden; font-size:12px; color:#999; }
#tbar dt { float: left; }
#tbar dd { float: right; }
#tbar dd a { margin-left: 10px; color:#999; }

header { width: 100%; background:#fff url(bgh.jpg) repeat-x top; }
header hgroup { height: 99px; overflow: hidden; }
header #logo { width: 500px; height: 99px; float: left; }
header #logo a { width: 500px; height: 99px; display: block; background: url(logo.png) no-repeat; text-indent: -999999px; overflow: hidden; float: left; }
header #tops { width: 640px; float: right; height: 99px; }
header .tewm { float:right; padding: 10px 0 0 0; }
header .tewm li { float:left; text-align:center; margin: 0 8px; }
header .tewm li img { width:60px; display:block; margin-bottom:0px;}
header .htxt { line-height: 128px; overflow:hidden; height:90px; color: #f00; font-size: 22px; float: left; }

header nav { height: 50px; background: #d9010e; }
header nav ul { width: 1200px; margin: 0 auto; }
header nav li { float: left; }
header nav li a { color: #fff; font-weight: bold; padding: 0 30px; height: 50px; line-height: 50px; display: block; float: left; font-size: 14px; }
header nav li a:hover { color: #000; background:#fbc701; }
header nav li.hover a { color: #000; background:#fbc701 url(navr.jpg) no-repeat right center; padding-right:38px; }


#content { }
#left { width: 260px; float: left; padding-bottom:20px; }
#right { width: 880px; float: right; padding: 20px 0; }
#right img {  }


footer { background: #606060; padding: 40px 0 10px 0; color:#ccc; }
footer address { width: 700px; float: left; padding-bottom: 40px; }
footer address h2 { margin-left: 100px; }
footer address h2 span { border-bottom:#fff 2px solid; font-size:20px; line-height: 20px; color:#fff; display:block; float: left; padding-bottom:10px; margin-bottom:10px; }
footer address div { float: left; margin-left: 100px; }

footer .ewm { width: 326px; text-align: center; float: right; margin-right:100px; }
footer .ewm img { width: 100%; display:block; }

footer .copyright { text-align: center; padding: 20px 0 0 0; border-top:#999 1px solid; }
footer a { color:#ccc; }

/*Inner Page Style*/
#crumbs { text-align:right; margin-bottom: 20px; color:#888; }
#crumbs a { color:#888; }

#pbanner { height: 460px; }
.ptl { height: 90px; overflow: hidden; padding-top:370px; }
.ptl h3 { background: #d9010e; color: #fff; padding: 15px 30px; height: 60px; font-weight: normal; width: 200px; float: left; }
.ptl h3 span { display: block; font-size:25px; line-height:25px; letter-spacing:8px; }
.ptl h3 i { display: block; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; font-size:12px; }

.category { background:#606060; }
.category ul { font-size:14px; }
.category li { border-top:#fff 1px solid; }
.category li a { padding-left: 45px; background-image: url(a1.gif); background-repeat: no-repeat; background-position: 30px center; color:#fff; line-height: 50px; display:block; }
.category li a:hover,
.category li.hover a { color:#000; background-image: url(a3.gif);  background-color: #fbc701; }

.honor { margin-top: 20px; }
.honor h3 { background: #555; color: #fff; height: 40px; line-height: 40px; padding: 0 0 0 20px; font-size: 14px; }
/*.TB-focus{ width:258px; height:250px; border:1px solid #D8D8D8; position:relative;  overflow:hidden; }
.TB-focus .hd { position:absolute; right:9px; bottom:10px; z-index:1; padding-left:2px; }
.TB-focus .hd li { color:#f60; cursor:pointer; margin-left:3px; width:18px; height:18px; background:#fff; float:left; font-size:11px; line-height:18px; overflow:visible; text-align:center; opacity:.7; filter:alpha(opacity=70); margin-left:-1px; font-family: Arial, Helvetica, sans-serif; border-radius:50%; }
.TB-focus .hd li.on { background:#f60; color:#fff; opacity:1; filter:alpha(opacity=100); z-index:2; position:relative; }
.TB-focus img { width: 258px; height: 250px; }*/
.honor ul { padding: 10px 0 0 0; }
.honor li { width: 180px; float: left; overflow: hidden; height: 130px; border:#ddd 1px solid; padding: 4px; text-align: center; margin: 0 0 5px 5px; }
.honor li img { height: 130px; width:auto; }


.alist {}
.alist li { height: 36px; line-height: 36px; overflow: hidden; border-bottom:#ddd 1px dotted; background: url(a3.gif) no-repeat 5px center; padding-left:15px; }
.alist li span { float: right; color:#999; font-size:12px; }
.alist li a { }

.plist { }
.plist li { width: 210px; height: 270px; border:#fff 1px solid; float: left; text-align: center; margin: 0 8px 0 0; overflow: hidden; }
.plist li a { font-weight: bold; }
.plist li img { height: 200px; width: 200px; display: block; margin-bottom: 10px; border:#ddd 1px solid; padding: 4px; }
.plist li a:hover img { border-color: #f60; }

.plist2 { }
.plist2 li { width: 280px; height: 280px; float: left; margin: 0 15px 15px 0; overflow: hidden; }
.plist2 li a { width: 280px; height: 280px; display:block; position:relative; }
.plist2 li img { height: 280px; width: 280px; display: block; position:absolute; top: 0; left: 0; z-index:1; }
.plist2 li a span { width: 240px; padding: 10px 20px; overflow:hidden; color:#fff; height: 40px; line-height: 20px; display:block; position: absolute; bottom: 0; left: 0; z-index:2; background: url(b.png); }

.hlist { }
.hlist li { width: 210px; height: auto; border:#fff 1px solid; float: left; text-align: center; margin: 0 8px 10px 0; overflow: hidden; }
.hlist li a {}
.hlist li img { height: auto; width: 200px; display: block; margin-bottom: 10px; border:#ddd 1px solid; padding: 4px; }
.hlist li a:hover img { border-color: #f60; }

.pro_all { border-bottom:#efefef 1px solid; padding-bottom: 15px; margin-bottom: 15px; }
.pro_all h2 { font-size: 14px; line-height: 14px;  background:#f7f7f7; padding: 10px; }
.pro_all h2 a { color:#222; }
.pro_all ul { padding: 5px 10px; }
.pro_all li { width: 25%; float: left; }
.pro_all li a { padding-left: 10px; background-image: url(a1.gif); background-repeat: no-repeat; background-position: left center; }

.list_page{text-align:center;margin:30px 0;display:block;}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.list_page ul li{display:inline-block;border:solid 1px #ddd;border-radius:4px;}
.list_page ul a{color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff;}
.page_group ul{border-right:solid 1px #ddd;border-radius:4px;}
.page_group ul li{border-right:none;border-radius:0;float:left;}
.page_group ul li:not(:first-child):not(:last-child){border-radius:0;}
.page_group ul li:first-child{border-radius:4px 0 0 4px;}
.page_group ul li:last-child{border-radius:0 4px 4px 0;}
.page_group ul .active a{background:#f3f3f3; font-weight:bold;border-radius:0;}


h1.h1title { font-size: 24px; line-height:26px; color: #222; margin-bottom: 30px; font-weight: normal; border-left:#fbc701 3px solid; padding-left:20px; }

article { line-height: 26px;text-align:justify;text-justify:inter-ideograph; }
article h1 { text-align: center; font-size: 20px; line-height: 1.6em; margin: 0 0 10px 0; color: #000; }
article h2,article h3,article h4,article h5,article h6 { margin: 15px 0; color: #222; }
article h2 { font-size: 16px; color: #222; }
article h3 { font-size: 14px; }
article p { margin: 15px 0; text-indent: 2em; }
article ul,article ol { margin: 0 0 0 2em; }
article ol li { }
article ul li { }
article li p { text-indent: 0; margin: 0; }
article img { max-width: 880px; display: block; margin: 15px auto; }

article table { border-bottom: #ddd 1px solid; border-right: #ddd 1px solid; width:100%; border-collapse: collapse; border-spacing: 0; }
article th { border-left: #ddd 1px solid; border-top: #ddd 1px solid; padding: 5px 10px; background: #eee; color: #333; }
article td { border-left: #ddd 1px solid; border-top: #ddd 1px solid; padding: 5px 10px; }
article td p { text-indent: 0; margin: 0; }



.prodetail img { float: left; }


.related h2.h2title { font-size:20px; color:#000; line-height: 22px; margin-bottom: 15px;font-weight: normal; }

/* HOME STYLE START */

#banner { width: 100%; height: 460px; background:#fff; margin: 0 auto 0; }
.arrow {width:58px;height:30px;background:#fff url(arrow_down.png) no-repeat center center;position:relative;top:-2px;left:100px;}

.fullSlide { width:100%; position:relative;	height:460px; }
.fullSlide .bd { margin:0 auto;	position:relative;	z-index:0;	overflow:hidden; }
.fullSlide .bd ul {	width:100% !important;	padding:0;	margin:0; }
.fullSlide .bd li {	width:100% !important;	height:460px; overflow:hidden; text-align:center; }
.fullSlide .bd li a { display:block; height:460px;}
.fullSlide .hd { width:100%; position:absolute;	z-index:1; bottom:10px; left:0; height:30px; line-height:30px;}
.fullSlide .hd ul {	text-align:center;}
.fullSlide .hd ul li {	cursor:pointer;	display:inline-block; *display:inline; zoom:1;	width:16px;	height:16px; margin:1px 3px; overflow:hidden; line-height:999px; background: url(dot.png) no-repeat -2px -17px;}
.fullSlide .hd ul .on { background: url(dot.png) no-repeat -2px -1px; }
.fullSlide .prev,.fullSlide .next {	display:block;	position:absolute;	z-index:1;	top:50%;	margin-top:-30px;	left:2%;	z-index:1;	width:40px;	height:60px;	background:url(slider-arrow.png) -126px -137px #000 no-repeat;	cursor:pointer;	filter:alpha(opacity=50);	opacity:0.5;	display:none;}
.fullSlide .next {	left:auto;	right:2%;	background-position:-6px -137px;}

#infos { padding: 30px 0;text-align:justify;text-justify:inter-ideograph; }
#infos .ibox { width: 350px; float: left; }
#infos .ibox2 { margin: 0 50px; }
#infos .ibox h2 { font-size:20px; color:#333; text-align: center; line-height: 20px; margin: 20px 0; }
#infos .ibox h2 a { color:#222; }
#infos .nlist {}
#infos .nlist li { background: url(a3.gif) no-repeat left center; padding-left:10px; }
#infos .nlist li span { float: right; }
#infos h2.h2title { font-size:35px; line-height: 35px; text-align: center; color:#222; }
#infos .p1 { text-align: center; font-size: 16px; text-align: center; margin: 10px 0 30px 0; }
#infos .icon { width: 180px; height: 180px; display: block; margin: 0 auto; background-position: center; background-repeat: no-repeat; }
#infos .icon1 { background-image: url(i1.png); }
#infos .icon2 { background-image: url(i2.png); }
#infos .icon3 { background-image: url(i3.png); }

#pros { font-size: 14px; padding: 30px 0; height: 700px; }
#pros .cmenu { margin: 20px 0; }
#pros .cmenu ul { padding-left:100px; }
#pros .cmenu li { float: left; margin: 0 5px; }
#pros .cmenu li a { width: 150px; height: 40px; line-height: 40px; border: #ccc 1px solid; display:block; float:left; text-align:center; }
#pros .cmenu li.st a { border-color: #ec6e00; background:#ec6e00; color:#fff; }
#pros .pbox { display: none; }

#video { height: 564px; background: url(video.jpg) no-repeat top center; }
#video .vc { width: 476px; height: 388px; padding: 90px 0 0 548px; }

h2.h2t { height: 40px; line-height: 40px; background: url(line.jpg) repeat-x left center; width: 400px; margin: 0 auto; }
h2.h2t span { display:block; height:40px; width: 160px; text-align: center; background:#fff; font-size:25px; margin: 0 auto; }

/* HOME STYLE END */



.main-im{position:fixed;right:10px;top:300px;z-index:100;width:110px;height:272px;}
.main-im .qq-a{display:block;width:106px;height:116px;font-size:14px;color:#0484cd;text-align:center;position:relative;}
.main-im .qq-a span{bottom:5px;position:absolute;width:90px;left:10px;}
.main-im .qq-hover-c{width:70px;height:70px;border-radius:35px;position:absolute;left:18px;top:10px;overflow:hidden;z-index:9;}
.main-im .qq-container{z-index:99;position:absolute;width:109px;height:118px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom:1px solid #dddddd;background:url(qq-icon-bg.png) no-repeat center 8px;}
.main-im .img-qq{max-width:60px;display:block;position:absolute;left:6px;top:3px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.main-im .im-qq:hover .img-qq{max-width:70px;left:1px;top:8px;position:absolute;}
.main-im .im_main{background:#F9FAFB;border:1px solid #dddddd;border-radius:10px;background:#F9FAFB;display:none;}
.main-im .im_main .im-tel{color:#000000;text-align:center;width:109px;height:105px;border-bottom:1px solid #dddddd;}
.main-im .im_main .im-tel div{font-weight:bold;font-size:12px;margin-top:6px;}
.main-im .im_main .im-tel .tel-num{font-family:Arial;font-weight:bold;color:#e66d15;}
.main-im .im_main .im-tel:hover{background:#fafafa;}
.main-im .im_main .weixing-container{width:55px;height:47px;border-right:1px solid #dddddd;background:#f5f5f5;border-bottom-left-radius:10px;background:url(weixing-icon.png) no-repeat center center;float:left;}
.main-im .im_main .weixing-show{width:112px;height:172px;background:#ffffff;border-radius:10px;border:1px solid #dddddd;position:absolute;left:-125px;top:-126px;}
.main-im .im_main .weixing-show .weixing-sanjiao{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #ffffff;border-width:6px;left:112px;top:134px;position:absolute;z-index:2;}
.main-im .im_main .weixing-show .weixing-sanjiao-big{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #dddddd;border-width:8px;left:112px;top:132px;position:absolute;}
.main-im .im_main .weixing-show .weixing-ma{width:104px;height:103px;padding-left:5px;padding-top:5px;}
.main-im .im_main .weixing-show .weixing-txt{position:absolute;top:110px;left:7px;width:100px;margin:0 auto;text-align:center;}
.main-im .im_main .go-top{width:50px;height:47px;background:#f5f5f5;border-bottom-right-radius:10px;background:url(totop-icon.png) no-repeat center center;float:right;}
.main-im .im_main .go-top a{display:block;width:52px;height:47px;}
.main-im .close-im{position:absolute;right:10px;top:-12px;z-index:100;width:24px;height:24px;}
.main-im .close-im a{display:block;width:24px;height:24px;background:url(close_im.png) no-repeat left top;}
.main-im .close-im a:hover{text-decoration:none;}
.main-im .open-im{cursor:pointer;margin-left:68px;width:40px;height:133px;background:url(open_im.png) no-repeat left top;}

#ainfo_2 p,
#ainfo_13 p  { text-indent:0; }
/*clear float*/
.m10 { clear: both; height: 20px; overflow: hidden; display: block; }
.clear { clear: both; }
.clearfix:after,header:after,#content:after,footer:after,nav:after,hgroup:after { content:"\0020"; display:block; clear:both; visibility:hidden; overflow:hidden; height:0; font-size:0;}
.clearfix,header,#content,footer,nav,hgroup{ zoom:1; }</pre></body></html>